<template>
  <div class="dish-item" @click="$emit('click', dish.id)">
    <img :src="dish.dishcover || dish.image" :alt="dish.name || dish.dishname">
    <div class="dish-info">
      <h3>{{ dish.name || dish.dishname }}</h3>
      <p>¥{{ dish.price || dish.dishprice }}</p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    dish: {
      type: Object,
      required: true
    }
  }
}
</script>

<style scoped lang="scss">

</style>
